<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/fullcalendar.css" />
    <link rel="stylesheet" href="css/unicorn.main.css" />
    <link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
</head>
<body bgcolor="black">
<div id="header">
    <h1><a href="index.html">TypeScript-Learn</a></h1>
</div>

<div id="sidebar">
    <ul id="uu">
        <li><a href="index.html">><i class="icon icon-th-list"></i> <span>TypeScript-Learn</span></a></li>
        <li><a href="src/demo/hello.html">><i class="icon icon-th-list"></i> <span>Hello TypeScript</span></a></li>
        <li><a href="src/demo/area.html">><i class="icon icon-th-list"></i> <span>Area</span></a></li>
        <li><a href="src/demo/interface.html">><i class="icon icon-th-list"></i> <span>Interface</span></a></li>
        <li><a href="src/demo/lambda.html">><i class="icon icon-th-list"></i> <span>lambda 表达式</span></a></li>
        <li><a href="src/demo/class.html">><i class="icon icon-th-list"></i> <span>Class</span></a></li>
        <li><a href="src/demo/extends.html">><i class="icon icon-th-list"></i> <span>Extends</span></a></li>
    </ul>
</div>

<div id="content">
    <h3><font  color="#8b0000"> 本项目的所有demo，均来自与菜鸟教程中的TypeScript，对于本项目中有不清楚的请在Issues中反馈。</font></h3>
    <h2>什么是 TypeScript？</h2>
    <p>TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。</p>
    <h3>语法特性</h3>
    <ul>
        <code>
        <li>类 Classes</li>
        <li>接口 Interfaces</li>
        <li>模块 Modules&nbsp;</li>
        <li>类型注解 Type annotations</li>
        <li>编译时类型检查 Compile time type checking&nbsp;</li>
        <li>Arrow 函数 (类似 C# 的 Lambda 表达式)</li>
        </code>
    </ul>
    <hr>
    <h1>动手实施</h1>
    <h3>当自己编写一个TypeScript文件时，需要将自己的文件进行编译。</h3>
    <h4>例如:编译文件为hello.ts,就会在与hello.ts同级目录下出现hello.ts文件。</h4>
    <h3>命令: tsc hello.ts</h3>
</div>

<script src="src/lib/jquery.min.js"></script>
<script src="src/lib/bootstrap.min.js"></script>
<script src="src/lib/angualrjs.min.js"></script>
</body>
</html>
